<template>
    <v-app>
        <Header
            :project="currProject"
            @chooseProject="chooseProject"
            :server="currServer"
            @chooseServer="chooseServer"
        />
        <v-main>
            <Main :project="currProject" :server="currServer"/>
        </v-main>
    </v-app>
</template>

<script>
import Header from '@/components/Header'
import Main from '@/components/Main'

export default {
    name: 'App',

    components: {
        Header,
        Main,
    },

    data: () => ({
        currProject: null,
        currServer: null,
    }),
    methods:{
        chooseProject(item){
            this.currProject = {...item}
        },
        chooseServer(item){
            this.currServer = {...item}
        },
    },
};
</script>